<template>
	<view class="bigbox">
       <scroll-view scroll-y="true" class="scrollview">
       <view class="listbox" v-for="(item,index) in 24" @click="ggon()">
          <view class="" style="  width: 350rpx; font-weight: 600; float: left;margin-top: 30rpx; margin-left: 50rpx;">
            xxxxxxxxxxxxxxx活动
          </view>
          <view class="" style="font-size: 20rpx; float: right; margin-top: 60rpx; margin-right: 20rpx;">
          截止缴费 2023-8-01
          </view>
       </view>
         </scroll-view>
	</view>
</template>

<script>
	import mixins from '@/common/js/mixins';
	export default {
		mixins: [mixins],
		data() {
			return {
				
			}
			
		},
		methods: {

ggon() {
  uni.navigateTo({
    url: '/pages/home/atvdetails'
  })
}
		}
	}
</script>

<style lang="scss" scoped>
  .bigbox {
    width: 100%;
    height: 88vh;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    .scrollview {
      height: 100vh;
    }
    .listbox {
      width: 90%;
      height: 100rpx;
      background-color: #fff;
      margin-top: 30rpx;
      margin-bottom: 20rpx;
      border-radius: 30rpx;
      margin-left: 5%;
      overflow: hidden;
      // display: flex;
      // justify-content: center;
      // align-items: center;
    
      // line-height: 100rpx;
  
      .textbox {
      font-size: 20rpx;
      }
    }
</style>